<#include "../_sys/layout/layout-content.ftl"/>
<@head title="企业注册" keywords="关键字" description="内容描述"></@head>
<@body>
<!-- page content -->
<div class="col-md-12 col-sm-12 col-xs-12">
	<div class="x_panel" style="border-bottom: none;">
			<div class="x_title">
				<div class="row">
					<div class="col-md-3 col-sm-3 col-xs-3">
						<img style="width:84px; height:40px; display: block" src="${cxt}/_sys/images/xbdun-logo.png" alt="image" />
					</div>
					<div class="col-md-9 col-sm-9 col-xs-9">
						<h1 class="col-md-offset-2">企业基本信息</h1>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">
				<form id="from_1000001" action="${cxt}/system/1000001" method="post" data-parsley-validate class="form-horizontal form-label-left">
					<!-- 前端签名密钥 -->
					<input type="hidden" name="data" value="${data!}" />
					<!-- / 前端签名密钥 -->
					<div class="" role="tabpanel" data-example-id="togglable-tabs">
						<ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
							<li role="presentation" class="active"><a href="#tab_content1" id="profile-tab1" role="tab" data-toggle="tab" aria-expanded="true">基本信息</a></li>
							<li role="presentation" class=""><a href="#tab_content2" role="tab" id="profile-tab2" data-toggle="tab" aria-expanded="false">企业认证</a></li>
							<li role="presentation" class=""><a href="#tab_content3" role="tab" id="profile-tab3" data-toggle="tab" aria-expanded="false">更多信息</a></li>
						</ul>
						<div id="myTabContent" class="tab-content">
							<div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="profile-tab1 tab2-pre" style="margin-top:4rem;">
			                
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_orgName">企业简称: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input type="text" class="form-control col-md-7 col-xs-12" id="txt_orgName" name="orgName">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="orgName_info"></span>
								</div>

								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_busiPerson">企业法人: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input type="text" class="form-control col-md-7 col-xs-12" id="txt_busiPerson" name="busiPerson">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="busiPerson_info"></span>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_idCard">身份证号: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input type="text" class="form-control col-md-7 col-xs-12" id="txt_idCard" name="idCard">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="idCard_info"></span>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_addr">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input type="text" id="txt_addr" name="addr" class="form-control col-md-7 col-xs-12">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="addr_info"></span>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_pwd">登录密码: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input type="text" class="form-control col-md-7 col-xs-12" id="txt_pwd" name="pwd">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="pwd_info"></span>
								</div>
								<div class="ln_solid"></div>
								<div class="form-group">
									<div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-4">
										<a class="btn btn-default" href="#tab_content2" id="tab1-next" role="tab" data-toggle="tab" aria-expanded="true" onclick="skipTab(1)">&nbsp;&nbsp;下一步&nbsp;&nbsp;</a>
									</div>
								</div>
							</div>
							
							<div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab2 tab1-next tab3-pre">
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">企业LOGO:</label>
									<div class="col-md-55">
										<div class="image view">
											<img id="targetId" style="width: 100%; height:15rem; display: block" src="${cxt}/images/upfile_btn.png" alt="企业LOGO" />
											<input type="hidden" id="txt_logo" name="logo"/>
										</div>
									</div>
									<div class="col-md-55" style="height:15rem;padding:0;">
										<div style="height:4rem;"></div>
										<span>支持jpg,png小于5M,要求图像清晰,信息完整</span>
										<img  style="margin-top:5px;width: 60%; height:86px;" src="${cxt}/images/simple_logo.png"/>
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">企业备案: 
									</label>
									<div class="col-md-55">
										<div class="image view">
											<img id="targetId2" style="width: 100%; height:15rem; display: block;" src="${cxt}/images/upfile_btn.png" alt="企业备案照" />
											<input type="hidden" id="txt_recordImg" name="recordImg"/>
										</div>
									</div>
									<div class="col-md-55" style="height:15rem;padding:0;">
										<div style="height:4rem;"></div>
										<span>支持jpg,png小于5M,要求图像清晰,信息完整</span>
										<img  style="margin-top:5px;width: 60%; height:86px;" src="${cxt}/images/simple_beian.png"/>
									</div>
								</div>
								<div class="ln_solid"></div>
								<div class="form-group">
									<div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-4">
										<a class="btn btn-default" href="#tab_content1" id="tab2-pre" role="tab" data-toggle="tab" aria-expanded="true" onclick="skipTab(0)">上一步</a>
										<a class="btn btn-default" href="#tab_content3" id="tab2-next" role="tab" data-toggle="tab" aria-expanded="true" onclick="skipTab(2)">下一步</a>
									</div>
								</div>
							</div>
							
							<div role="tabpanel" class="tab-pane fade" id="tab_content3" aria-labelledby="profile-tab3 tab2-next">
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_recordNo">备案号: 
									</label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input type="text" id="txt_recordNo" name="recordNo" class="form-control col-md-7 col-xs-12">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="recordNo_info"></span>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_website">企业网站: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input id="txt_website" class="form-control col-md-7 col-xs-12" type="text" name="website">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="website_info"></span>
								</div>

								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="sel_type">主体类型: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<select id="sel_type" name="type" class="form-control">
											<option value="2">企业</option>
											<option value="1">个体</option>
										</select>
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="type_info"></span>
								</div>

								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_orgEmail">企业邮箱: 
									</label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input type="text" id="txt_orgEmail" name="orgEmail" class="form-control col-md-7 col-xs-12">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="orgEmail_info"></span>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_orgLandline">座机: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input id="txt_orgLandline" type="text" name="orgLandline" class="form-control col-md-7 col-xs-12">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="orgLandline_info"></span>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12" for="txt_orgMobile">电话: </label>
									<div class="col-md-5 col-sm-5 col-xs-12">
										<input id="txt_orgMobile" class="form-control col-md-7 col-xs-12" type="text" name="orgMobile" maxlength="11">
									</div>
									<span class="form-control-static col-md-4 col-sm-4 col-xs-4" id="orgMobile_info"></span>
								</div>
								
								<div class="ln_solid"></div>
								<div class="form-group">
									<div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-4">
										<a class="btn btn-default" href="#tab_content2" id="tab3-pre" role="tab" data-toggle="tab" aria-expanded="true" onclick="skipTab(1)">上一步</a>
										<button type="button" class="btn btn-info" id="submit_form">&nbsp;&nbsp;完成注册&nbsp;&nbsp;</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
</div>
<!-- 注册结果弹出层 star-->
<div class="modal fade" id="bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">×</span></button>
				<h4 class="modal-title">注册结果</h4></div>
			<div class="modal-body">
				<p id='reg_result'></p>
			</div>
		</div>
	</div>
</div>
<!-- end -->
</@body>
<@script>
<script type="text/javascript" src="${cxt}/controller/system/100000.js"></script>
	<script type="text/javascript">
		function loadImg(data){
			var d = data.replace(/\\/g,"/");
			var _data = JSON.parse(d);
			$("#targetId").attr("src",_data.data.url);
			$("#txt_logo").val(_data.data.id);
		}
		function loadImg2(data){
			var d = data.replace(/\\/g,"/");
			var _data = JSON.parse(d);
			$("#targetId2").attr("src",_data.data.url);
			$("#txt_recordImg").val(_data.data.id);
		}
		function skipTab(n){
			$("#myTab > li[class^='active']").removeClass("active");
			$("#myTab > li:eq("+n+")").addClass("active");
			$("#profile-tab"+n).attr("aria-expanded",true);
		}
	</script>
</@script>
<@UploadFile  callback="[{\"targetId\":\"targetId\",\"type\":1001,\"upfmt\":\"DEFAULT\",\"callback\":\"loadImg\"},{\"targetId\":\"targetId2\",\"type\":1003,\"upfmt\":\"DEFAULT\",\"callback\":\"loadImg2\"}]"></@UploadFile>
